@charset "UTF-8";

* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

body {
	/* Primera versión */
	background-image:url(imagenes/fondo.png);
	font-family: 'Droid Sans', Helvetica, Arial, Sans-serif;
	font-size:.8em;
	color:#383838; /*Tambien se cambian los colores del menubar (SpryMenuBarHorizontal.css) y del link de login*/
}

/*
 * BOTÓN OFERTO YA
 */
.botonOfertoYa {
  display:block;
  width:100px;
  height:33px;
  background:url(imagenes/botonOfertoYa.png) no-repeat 0 -33px;
  margin:0 auto;
}
.botonOfertoYa a {
  display:block;
  width:100%;
  height:100%;
  background:url(imagenes/botonOfertoYa.png) no-repeat 0 0;
  text-indent:-9999px;
}
.botonOfertoYa a:hover {
  background-position:0 33px;
}

/*
 * VARIOS
 */
.img_no_border {
	border:none;
}

.boton {
	font-size:90%;
}

.texto_centrado {
	text-align:center;
}

/*
* Slider del index
*/

#accordion-slider-wrap {
	border-style:solid;
	border-color:#333333;
	border-width:1px;
}

ul#accordion-slider{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
}

ul#accordion-slider li{
	display:block;
	overflow:hidden;
	padding:0;
	float:left;
	width:143px;
	height:200px;
}

/*
 * BOTONES DE FACEBOOK Y TWITTER Y SOCIAL PLUGGINS
 */
/*PESTAÑAS FB Y TWITTER*/
#facebook-like {
	position:absolute;
	left:15px;
	top:0;
	width:90px;
	height:32px;
}

#facebook-like-img {
	background-repeat:no-repeat;
	background-image:url(imagenes/facebook2.png);
	width:90px;
	height:123px;
	position:absolute;
	bottom:0;
	display:block;
}

#facebook-like a{
	text-decoration:none;
	color:#3B5998;
}

#facebook-like p, #twitter-follow p{
	font-size:80%;
	text-align:center;
}

#fb-link{
	width:73px;
	height:20px;
	padding:3px 8px 0;
}

#fb-likes{
	width:73px;
	padding:0 0 0 10px;
}

#twitter-follow {
	position:absolute;
	right:15px;
	top:0;
	width:90px;
	height:32px;
}

#twitter-follow-img {
	background-repeat:no-repeat;
	background-image:url(imagenes/twitter2.png);
	width:90px;
	height:123px;
	position:absolute;
	bottom:0;
	display:block;
}

#twitter-follow a{
	text-decoration:none;
	color:#53D4FF;
}

#twt-link{
	width:73px;
	height:20px;
	padding:3px 8px 0;
}

#twt-follows{
	width:73px;
	padding:0 0 0 10px;
}

/*
 * WRAPPER
 */
#wrapper {
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -61px; /*De igual tamaño al footer mas 1px de borde*/
}

/*
* HEADER
*/
#header {
	width:800px;
	height:135px;
	margin:20px auto 0;
	padding:5px 0 0;
	background:#FFF;
	border:1px solid lightgray;
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	position:relative;
}

.header_letra_pequena {
    font-size:85%;
}

#logo {
	width:248px;
	height:95px;
	float:left;
	padding:31px 26px 0;
}

#login {
	width:490px;
	float:right;
	padding:0 0 0 10px;
}

#login a {
	text-decoration:none;
	color:#383838;
}

#login a:hover {
    text-decoration:underline;
}

#navegacion {
	width:490px;
	float:right;
	padding:0 0 0 10px;
	position:absolute;
	left:300px;
	bottom:0;
}

/*
 * PANEL PRINCIPAL
 */
/*Panel principal (con todo)*/
#principal {
	width:800px;
	background:#FFF;
	padding:20px 0;
	margin:20px auto;
	border:1px solid lightgray;
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}

/*Menú izquierdo*/
#menuIzq {
	float:left;
	width:190px;
	padding:0 0 0 10px;
}
/* No se necesita realmente, no tenemos menús tabulados
#menuIzq ul {
	list-style-type:none;
}

#menuIzq ul a {
	display:block;
	width:120px;
}
*/
p.seudonimoIzq {
	color:#408127;
	font-size:2em;
}

p.numCreditosIzq {
	color:#408127;
	font-size:3em;
}

p.historialIzq {
	color:#408127;
}

/*Panel productos, ingreso de datos, de información de producto y de panel de funcionamiento, recuperacion de contraseña, faq, panel de informacion*/
#panelProductos, #panelIngresoDatos, #panelProductoInfo, #panelFuncionamiento, #panelRecuperarContrasena, #faq, #panelInformacion, #panelPerfil {
	float:right;
	width:580px;
	padding:0 10px;
}

/*Clases en común para cuando se ponga un timer, un tag del precio o precio de catálogo*/
div.tagDelPrecio {
	height:37px;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(imagenes/tagPrecio.png);
	padding:11px 0 0;
	font-size:1.6em;
	color:#F0B102;
}

h4.precioCatalogo, p.precioCatalogo {
	color:#666666;
	font-size:.85em;
}

p.timer {
	color:#408127;
	font-size:2em;
}

/* DIVISIONES Y CLASES DE LOS PRODUCTOS EN LA PRINCIPAL */
/*Item principal*/
#itemPrincipal {
	text-align:center;
	width:580px;
	height:285px;
	padding:5px 0 0;
	margin:30px 0;
	border-radius:10px;
	border:1px solid #AAA;
}
#principalIzq {
	float:left;
	width:285px;
}
#principalDer {
	float:right;
	width:295px;
	padding:50px 0 0;
}
/* Items secundarios */
#itemsSecundarios {
	text-align:center;
	width:580px;
}
#itemsSecundarios table tr td {
	height:410px;
	border-radius:15px;
	border:1px dashed #AAA;
}

/* INFORMACIÓN DEL PRODUCTO */


/*
 * Galería
 */
#slides {
	float:left;
	z-index:100;
	width:400px;
	height:200px;
}
.slides_container {
	width:400px; /*Ancho de la imagen*/
	overflow:hidden;
	position:relative;
	display:none;
	/*border:1px solid #333333;*/
}
.slides_container img {
	width:400px; /*Ancho de la imagen*/
	height:200px; /*Alto de la imagen*/
	display:block;
}
/*
 * Paginación (botones de abajo)
 */
.pagination {
	margin:5px auto 0;
	width:100px;
}
.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}
.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(imagenes/galeria/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -12px;
}
#productoInfoSubasta {
	text-align:center;
	float:right;
	width:180px;
	height:200px;
}

#productoInfoAdicional {
	/*Son 235 arriba porque es 200 de los dos de arriba, más 15 de la pagianción, más 20 de espacio extra*/
	margin:235px 0 0;
	width:580px;
}

#ui-tabs-2 ul{
	/*Para que las tabulaciones de las especificaciones salgan con espacio a la izquierda y no pegadas a la línea*/
	padding:0 0 0 20px;
}

/**
 * ESPACIO ENTRE PRINCIPAL Y FOOTER
 */
.espacio {
	clear:both;
	height:0;
}

/*
 * FOOTER
 */
#push {
	height:61px; /*De igual tamaño al footer mas 1px de borde*/
}
#footer {
	height:60px;
	color:#FFFFFF;
	background:-webkit-linear-gradient(#6FBF4D, #4E8636);
	background:-moz-linear-gradient(#6FBF4D, #4E8636);
	background:-o-linear-gradient(#6FBF4D, #4E8636);
	background:linear-gradient(#6FBF4D, #4E8636);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6FBF4D', endColorstr='#4E8636');
	border-top:1px solid #365E26;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}

#footer p {
    margin:0;
    text-align:center;
    font-size:85%;
}

#footer a {
    text-decoration:underline;
    color:#FFFFFF;
}

#footer a:hover {
    text-decoration:none;
}